@charset "UTF-8";
*{margin: 0;padding: 0;list-style: none;font-family: "微软雅黑";}
header{
    width: 100%;
    height:3.94rem;
    font-size: 0;
    img{
        width:100%;
        height: 0.46rem;
    }
    .ding{
        font-size: 0.26rem;
        display: flex;
        justify-content: space-between;
        background: #00000a;
        color: white;
        div{
            width:4.8rem ;
            height: 0.58rem;
            border-radius: 50px;
            color: white;
            font-size:0.24rem ;
            background: rgba(255,255,255,0.4);
            box-sizing: border-box;
            padding-left: 0.3rem;
            line-height: 0.58rem;
            img{
                width:0.24rem;
                height: 0.24rem;
            }
        }
    }
    .swiper1 img{
        width: 100%;
        height: 3rem;
    }
}
#tu{
    width:100% ;
    height: 3.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background:gainsboro;
    .fen .swiper-wrapper .swiper-slide {
        width: 7.26rem;
        height:3.52rem ;
        border-radius: 20px;
        background: white;
        display: flex;
        flex-flow: wrap;
        justify-content: space-around;
        align-items: center;
       
       li{
            width:25%;
            height:1.23rem;
            display: flex;
            justify-content: space-around;
            flex-direction: column;
            align-items: center;
            text-align: center;
            font-size: 0.28rem;
            img{
                width: 0.8rem;
                height: 0.8rem;
            }
        }
    }
}
#qian{
    width:100%;
    height: 3.46rem;
    display: flex;
    justify-content: space-around;
    border-bottom: 0.1rem solid gray;
    #yi{
        width:3.04rem;
        height: 100%;
        display: flex;
        border-right: 1px solid gainsboro;
        justify-content:space-around;
        align-items: center;
        flex-direction: column;
        .p1{
            font-size: 0.26rem;
            color: red;
        }
        .p2{
            font-size: 0.2rem;
            color:gray;
        }
        .p3{
//          width: ;
            display: flex;
            font-size: 0.2rem;
            justify-content: space-around;
            span{
                width: 0.4rem;
                height: 0.4rem;
                color: white;
                font-size: 0.18rem;
                background: black;
                display: block;
            }
        }
        img{
            width:1.2rem ;
            height:1rem ;
        }
    }
    #er{
        width: 4.5rem;
        height: 100%;
        display: flex;
        flex-direction: column;
        .wu{
            width:100% ;
            height: 50%;
            display: flex;
            font-size: 0.2rem;
            justify-content: space-between;
            align-items: center;
            li{
                .p4{
                    font-size: 0.24rem;
                }
            }
            img{
                width:0.92rem ;
                height:0.8rem;
            }
        }
        .xia{
            display: flex;
            justify-content: space-around;
            li{
                width:50%;
                height: 50%;
                display: flex;
                justify-content: space-between;
                flex-direction: column;
                font-size: 0.2rem;
                img{
                    width:1.32rem ;
                    height: 0.88rem;
                }
            }
        }
    }
}
footer{
    width:100%;
    height: 0.6rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    li{
      width:25%;
     height: 0.4rem; 
     font-size: 0.2rem;
     text-align: center;
     img{
         width:0.4rem ;
         height: 0.4rem;
     } 
    }
    li:hover{
        color: blue;
    }
}
#shang{
    width: 100%;
    height: 0.4rem;
    border-bottom: 1px solid gray;
    font-size: 0.2rem;
    color: gray;
    img{
        width: 0.3rem;
        height: 0.3rem;
    }
}
#pian{
    width: 1rem;
    height:1.3rem;
    position:fixed;
    bottom:1rem ;
    right:0.3rem ;
}
